.search-bar{
    padding: 20px 10px;background-color: #fff;
    .weui-search-bar{
        border: 1px solid #ddd;background-color: #fff;border-radius: 50px;
        .search-center{margin: 0 auto;}
    }
    .weui-search-bar_input{
        position: relative;display: flex;
        .weui-search-bar__input{border: 1px solid #ddd;flex: 1;padding-left: 30px;padding-right: 80px;border-radius: 50px;}
        .icon-search{position: absolute;right: 0;top: 0;width: 80px;text-align: center;line-height: 66px;}
        .weui-icon-search{margin-right: 0}
    }
}
.search-bar-absolute{
    position: absolute;left: 0;top: 0;right: 0;z-index: 99;background-color: transparent;
    .weui-search-bar{background:rgba(255, 255, 255, 0.6);border: 1px solid rgba(255, 255, 255, 0.6);color: #fff;}
    .weui-icon-search{color: #fff;}
}